page {
	background-color: #F6F6F6 !important;
}
@mixin dingwei() {
	/* 定义flex容器 */
	display: flex;
	/*设置容器内部容器的排列方向*/
	flex-direction: row;
}

@mixin danhang1() {
	/* 单行...*/
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

@mixin imgsize() {
	width: 100%;
	height: 100%;
}

@mixin colorbj() {
	width: 40rpx;
	height: 40rpx;
	border-radius: 50rpx;
}

@mixin shuanghang2() {
	/* 两行...*/
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

@mixin justify() {
	display: -webkit-flex;
	/* Safari */
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}


.bgf6{
	background: #f6f6f6 !important;
}
.content {
	padding: 20rpx 24rpx 0rpx 24rpx;
	padding-bottom: 120rpx;
	background: #f6f6f6 !important;
}

/* 背景颜色 */
.bjcolor {
	width: 100%;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.14);
	border-radius: 10rpx;
}

/* 选择店铺 */
.xzstop {
	width: 100%;
	line-height: 100rpx;
	@include dingwei;

	.xztext {
		width: 650rpx;
		font-size: 30rpx;
		font-family: PingFang SC;
		font-weight: 500;
		line-height: 98rpx;
		@include dingwei;

		.shengctext {
			font-size: 30rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: rgba(102, 102, 102, 1);
			width: 200rpx;
		}
	}

	.icon {
		image {
			width: 12rpx;
			height: 22rpx;
		}
	}

	/* 页面展示颜色 */
	.kuang1 {
		margin-right: 30rpx;
		@include dingwei;

		.white {
			width: 40rpx;
			height: 40rpx;
			border-radius: 10rpx;
			margin-top: 30rpx;
			margin-left: 20rpx;
			border: 1px solid;
		}

		.titles {
			width: 90rpx;
			margin-left: 10px;
			margin-right: 10rpx;
			@include danhang1;
		}

		.kuang21 {
			@include dingwei;

			.white1 {
				width: 44rpx;
				height: 44rpx;
				background: rgba(251, 172, 113, 1);
				border-radius: 10rpx;
				margin-top: 28rpx;
				border: 1px solid;
			}

		}

		.kuangdoubu {
			border: 1px solid;
			margin-top: 28rpx;
			width: 44rpx;
			height: 44rpx;
			border-radius: 12rpx;

			.white4 {
				width: 40rpx;
				height: 20rpx;
				background: rgba(251, 172, 113, 1);
			}
		}
	}
}

.Extecolorpage {
  width: 500rpx;
   
  .prompt{
     font-size: 30rpx;
     font-family: PingFang SC;
     font-weight: 500;
     color: #999999;
     text-align: right;
     margin-left: 30rpx;
  }
	.kuang1 {
		@include dingwei;
		text-align: center;
		border-radius: 10rpx;
    display: flex;
    justify-content: flex-end;
    

		.kuang2 {
			@include dingwei;

			.white {
			margin-top: 30rpx;
				width: 40rpx;
				height: 40rpx;
				border-radius: 10rpx;
				border: 1px solid;
			}

			.kuang21 {
				@include dingwei;

				.white1 {
					width: 40rpx;
					height: 40rpx;
          margin-top: 28rpx;
					border-radius: 10rpx;
					border: 1px solid;
				}

			}

			.kuangdoubu {
				border: 1px solid;
				width: 40rpx;
				height: 40rpx;
        margin-top: 28rpx;
				border-radius: 12rpx;

				.white4 {
					width: 36rpx;
					height: 18rpx;
					background: rgba(251, 172, 113, 1);
				}
			}
      .colorboxs{
        @include dingwei;
      }
		}

		.kuangtext {
			margin-left: 4rpx;
      margin-right: 4rpx;
			@include danhang1;
		}
    .deletebox{
			margin-left: 20rpx;
      align-self:center;
      .iconquxiaoxunjia{
				font-size: 32rpx;
				color: #E1E1E1 !important;
      }
    }
	}
}
.Extecolor1:after {
	content: "";
	clear: left;
	display: block;
}
/* input样式 */
.inputtext {
	display: contents;
}

.inptextzhi {
	text-align: right;
	padding-right: 20rpx;
	width: 460rpx;
}

/* 标题 */
.context {
	font-size: 30rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: rgba(153, 153, 153, 1);
	margin: 30rpx 0rpx 30rpx 0rpx;
}

/* 基本信息 */
.jbtext {
	padding: 42rpx 22rpx;
	font-size: 30rpx;
	font-family: PingFang SC;
	font-weight: 500;
	@include dingwei;

	.jbxz {
		width: 586rpx;

		.jbgg {
			@include dingwei;

			.jbguige {
				color: rgba(102, 102, 102, 1);
				margin-right: 40rpx;
			}

			.jbjguo {
				width: 484rpx;
				text-align: right;
				color: rgba(51, 51, 51, 1);
				@include danhang1;

				.uni-input-input {
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}
			}
		}

		/* 下划线 */
		.xiat {
			width: 586rpx;
			height: 2rpx;
			background: rgba(238, 238, 238, 1);
			margin-top: 38rpx;
		}
	}

	.jbicon {
		margin-left: 24rpx;
		margin-top: 170rpx;

		image {
			width: 50rpx;
			height: 50rpx;
		}
	}
}

.bcxt {
	width: 100%;
	height: 2rpx;
	background: rgba(238, 238, 238, 1);
}

.texar {
	font-size: 24rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: rgba(153, 153, 153, 1);

	.hei {
		padding: 40rpx 0rpx;
		width: 630rpx;
		height: auto !important;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: rgba(51, 51, 51, 1);
	}
}
.fixedBottomBtn{
	width: 100%;
	height: 120rpx;
	margin-top: 20rpx;
}
.editBtn{
	width: 90%;
	margin: auto 2%;
	border-radius: 44rpx;
	overflow: hidden;
	height: 88rpx;
	line-height: 88rpx;
	.left{
		color: #FFE23E;
		background: #333;
	}
	.right{
		color: #333 ;
		background: #FFE23E;
	}
}
.quedingbtn {
	width: 750rpx;
	height: 140rpx;
	padding: 28rpx 0rpx 0rpx 0rpx;
	margin-left: -20rpx;

	button {
		width: 710rpx;
		height: 88rpx;
		background: linear-gradient(-90deg, rgba(251, 210, 32, 1), rgba(255, 226, 62, 1));
		border-radius: 44rpx;
		font-size: 32rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: rgba(51, 51, 51, 1);
	}
}
